<template>
  <div class="wupai">
    <div class="wupai-left">
      <img src="@/assets/img/wupailogo.png"/>
    </div>
    <div class="wupai-right">
      <div class="wupai-right-title"><h1>把最热门的项目给最需要的人</h1></div>
      <div class="wupai-right-desc">最热的项目给最需要的人最热的项目给最需要的人最热的项目给最需要的人最热的项目给最需要的人最热的项目给最需要的人最热的项目给最需要的人最热的项目给最需要的人最热的项目给最需要的人最热的项目给最需要的人最热的项目给最需要的人需要的人最热的项目给最需需要的人最热的项目给最需需要的人最热的项目给最需需要的人最热的项目给最需需要的人最热的项目给最需需要的人最热的项目给最需需要的人最热的项目给最需需要的人最热的项目给最需需要的人最热的项目给最需需要的人最热的项目给最需</div>
      <router-link class="wupai-right-join" to="/wu">
        <button class="item-button">我要5拍</button>
      </router-link>
    </div>
  </div>
</template>
<script></script>
<style lang="stylus" scoped>
  .wupai
    width: 1280px
    height: 200px
    margin: 0 auto
    margin-bottom: 5px
    .wupai-left
      width: 320px
      height: 200px
      float: left
    .wupai-right
      width: 960px
      height: 200px
      float: left
      background: #eee
      .wupai-right-title
        width: 900px
        height: 60px
        font-size: 24px
        color: #333
        line-height: 60px
        text-align:left
        padding-left: 10px
      .wupai-right-desc
        width: 940px
        height: 100px
        font-size: 16px
        color: #333
        line-height: 25px
        text-align:left
        padding-left: 10px
      .wupai-right-join
        width: 940px
        height: 40px
        font-size: 16px
        color: #333
        line-height: 40px
        text-align:left
        padding-left: 10px
        .item-button
          background: #00bcd4
          color: #fff
          font-size: 16px
          border-radius: 5px
          padding: 5px
          width: 100px

</style>
